html {
  height: 100%;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

body {
  height: 100%;
  margin: 0px 0px;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

#app {
  height: 100%;
  overflow: hidden;
}

div {
  box-sizing: border-box;
}

// 滚动条样式
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: #cecece;
}

::-webkit-scrollbar-thumb {
  background: rgb(160, 160, 160);
  border-radius: 8px;
}

// 内容加载动画
.slide-left-enter {
  opacity: 0;
  -webkit-transform: translate(100px, 0px);
  transform: translate(-100px, 0px);
}
.slide-left-enter-active {
  transition: all 0.3s linear;
}
.slide-left-leave-to {
  opacity: 0;
  -webkit-transform: translate(-100px, 0px);
  transform: translate(100px, 0px);
}
.slide-left-leave-active {
  transition: all 0.3s linear;
}
